@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wf-editrow{
    height: 100%;
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding-top: 40 * @hd;
    padding-bottom: 45 * @hd;

    .am-flexbox .am-flexbox-item{
        margin-left: 0px;
    }

    .detail_hide_col{
        display: none;
    }

    .wf-editrow-content{
        height: 100%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        font-size: 14 * @hd;
        margin-top: 4 * @hd;
        margin-left: 16 * @hd;

        .wf-editrow-field{
            min-height: 44 * @hd;

            .wf-editrow-field-label{
                margin-left: 2 * @hd;
            }

            .wm-upload{
                margin-top: 2 * @hd;
                margin-bottom: 2 * @hd;
            }
            .am-flexbox-item{
                .wf-textarea-view{
                    .wf-textarea-view-box{
                        word-break: break-word;
                    }
                }
            }
            .am-flexbox-item{
                .wf-input-view{
                    .wf-input-view-box{
                        word-break: break-word;
                    }
                }
            }
            
        }

        .wf-editrow-field-splitline{
            height: 1 * @hd;
            background-color: #BCBBC1;
        }

        .wm-upload{
            .am-file-picker{
                .am-file-picker-list{
                    .am-file-picker-item{
                        .am-file-picker-item-el-flex-none{
                            padding-right: 5px;
                        }
                    }
                }
            }
        }
        .show-error {
          border: 1px solid #FF5500;
        }
        .error-icon-div {
          .am-icon-warning {
            width: 20px;
            height: 20px;
            padding-left: 3px;
            margin-top: 5px;
            color: #E55757;
          }
        }
    }

    .wf-editrow-bottom-splitline{
        height: 1 * @hd;
        background-color: #DDD;
    }

    .wf-editrow-bar{
        height: 40 * @hd;
        background-color: #717171;
        font-size: 14 * @hd;
        margin-top: -40 * @hd;
        color: #FFFFFF;

        .wf-editrow-bar-pre{
            float: left;
            margin-left: 20 * @hd;
        }
        .wf-editrow-bar-next{
            float: right;
            margin-right: 20 * @hd;
        }
        .wf-editrow-bar-disabled{
            opacity: 0.5;
        }
    }

    .wf-editrow-btns{
        height: 44 * @hd;
        background-color: #F8F8F8;
        font-size: 17 * @hd;

        .wf-editrow-btn-del{
            text-align: center;
            color: #FF3B30;
        }
        .wf-editrow-btn-add,.wf-editrow-btn-copy,.wf-editrow-btn-confirm{
            text-align: center;
            color: #55B1F9;
        }
        .wf-editrow-btn-disabled{
            color: #BFBFBF;
        }
    }
    
}